/* Layout */
.codecolorer {
  padding: 5px;
  text-align: left;
}
code.codecolorer {
  padding: 2px;
}
.codecolorer-container {
  margin-bottom: 10px;
  text-align: left;
}
.codecolorer, .codecolorer *, .codecolorer-container, .codecolorer-container * {
  font: 14px/1.6rem 'Monaco', 'Lucida Console', monospace;
  -webkit-text-size-adjust: 100%
}

.codecolorer-container table {
  width: 100%;
  margin: 0px;
  border: 0px;
  direction: ltr;
}
.codecolorer-container table td {
  width: auto;
  padding: 0px;
  margin: 0px;
  border: 0px;
}
.codecolorer-container table td.line-numbers {
  width: 1%;
  padding: 5px;
  text-align: right;
  direction: ltr;
}
.codecolorer-container table td.line-numbers div {
  min-width: 23px;
}

/* Layout styles */
.codecolorer-container {
  border: 1px solid #9F9F9F;
}
.codecolorer-container table td.line-numbers {
  color: #888888;
  background-color: #EEEEEE;
  border-right: 1px solid #9F9F9F;
}
.codecolorer-noborder, .codecolorer-noborder table td.line-numbers {
  border: 0px;
}

/* "Slush & Poppies" color scheme (default) */
.codecolorer-container, .codecolorer {
  color: #000000;
  background-color: #F1F1F1;
}
/* Comment */
.codecolorer .co0, .codecolorer .co1, .codecolorer .co2, .codecolorer .co3, .codecolorer .co4, .codecolorer .coMULTI {
  color: #406040;
}
/* Constant */
.codecolorer .nu0, .codecolorer .re3 {
  color: #0080A0;
}
/* String */
.codecolorer .st0, .codecolorer .st_h, .codecolorer .es0, .codecolorer .es1 {
  color: #C03030;
}
/* Entity */
.codecolorer .me1, .codecolorer .me2 {
  color: #0080FF;
}
/* Keyword */
.codecolorer .kw1, .codecolorer .kw2, .codecolorer .sy1 {
  color: #2060A0;
}
/* Storage */
.codecolorer .kw3, .codecolorer .kw4, .codecolorer .kw5, .codecolorer .re2 {
  color: #008080;
}
/* Variable */
.codecolorer .re0, .codecolorer .re1 {
  color: #A08000;
}
/* Global color */
.codecolorer .br0, .codecolorer .sy0 {
  color: #000000;
}
/* XML tag */
.codecolorer.xml .re1, .codecolorer.xsl .re1, .codecolorer.xml .re2, .codecolorer.xsl .re2 {
  color: #008080;
}
/* XML attribute */
.codecolorer.xml .re0 {
  color: #2060A0;
}
/* Highlight lines */
.codecolorer .ln-xtra {
  display: block;
  background-color: #ffff66;
}

/* "Twitlight" color scheme */
.twitlight, .twitlight .codecolorer {
  color: #F8F8F8;
  background-color: #141414;
}
.twitlight .codecolorer .co0, .twitlight .codecolorer .co1, .twitlight .codecolorer .co2, .twitlight .codecolorer .co3, .twitlight .codecolorer .co4, .twitlight .codecolorer .coMULTI,
code.twitlight .co0, code.twitlight .co1, code.twitlight .co2, code.twitlight .co3, code.twitlight .co4, code.twitlight .coMULTI
  {
  color: #5F5A60;
}
.twitlight .codecolorer .nu0, .twitlight .codecolorer .re3,
code.twitlight .nu0, code.twitlight .re3
  {
  color: #CF6A4C;
}
.twitlight .codecolorer .st0, .twitlight .codecolorer .st_h, .twitlight .codecolorer .es0, .twitlight .codecolorer .es1
  {
  color: #8F9D6A;
}
.twitlight .codecolorer .me1, .twitlight .codecolorer .me2,
code.twitlight .me1, code.twitlight .me2
  {
  color: #9B703F;
}
.twitlight .codecolorer .kw1, .twitlight .codecolorer .kw2, .twitlight .codecolorer .sy1,
code.twitlight .kw1, code.twitlight .kw2, code.twitlight .sy1
  {
  color: #CDA869;
}
.twitlight .codecolorer .kw3, .twitlight .codecolorer .kw4, .twitlight .codecolorer .kw5, .twitlight .codecolorer .re2,
code.twitlight .kw3, code.twitlight .kw4, code.twitlight .kw5, code.twitlight .re2
  {
  color: #F9EE98;
}
.twitlight .codecolorer .re0, .twitlight .codecolorer .re1,
code.twitlight .re0, code.twitlight .re1
  {
  color: #7587A6;
}
.twitlight .codecolorer .br0, .twitlight .codecolorer .sy0,
code.twitlight .br0, code.twitlight .sy0
  {
  color: #F8F8F8;
}
.twitlight .codecolorer.xml .re1, .twitlight .codecolorer.xsl .re1, .twitlight .codecolorer.xml .re2, .twitlight .codecolorer.xsl .re2,
code.twitlight.xml .re1, code.twitlight.xsl .re1, code.twitlight.xml .re2, code.twitlight.xsl .re2
  {
  color: #F9EE98;
}
.twitlight .codecolorer.xml .re0, code.twitlight.xml .re0 {
  color: #CDA869;
}
.twitlight .codecolorer .ln-xtra {
  background-color: #636338;
}

/* "Dawn" color scheme */
.dawn, .dawn .codecolorer {
  color: #080808;
  background-color: #F9F9F9;
}
.dawn .codecolorer .co0, .dawn .codecolorer .co1, .dawn .codecolorer .co2, .dawn .codecolorer .co3, .dawn .codecolorer .co4, .dawn .codecolorer .coMULTI,
code.dawn .co0, code.dawn .co1, code.dawn .co2, code.dawn .co3, code.dawn .co4, code.dawn .coMULTI
  {
  color: #5A525F;
}
.dawn .codecolorer .nu0, .dawn .codecolorer .re3,
code.dawn .nu0, code.dawn .re3
  {
  color: #811F24;
}
.dawn .codecolorer .st0, .dawn .codecolorer .st_h, .dawn .codecolorer .es0, .dawn .codecolorer .es1,
code.dawn .st0, code.dawn .st_h, code.dawn .es0, code.dawn .es1
  {
  color: #0B6125;
}
.dawn .codecolorer .me1, .dawn .codecolorer .me2,
code.dawn .me1, code.dawn .me2
  {
  color: #BF4F24;
}
.dawn .codecolorer .kw1, .dawn .codecolorer .kw2, .dawn .codecolorer .sy1,
code.dawn .kw1, code.dawn .kw2, code.dawn .sy1
  {
  color: #794938;
}
.dawn .codecolorer .kw3, .dawn .codecolorer .kw4, .dawn .codecolorer .kw5, .dawn .codecolorer .re2,
code.dawn .kw3, code.dawn .kw4, code.dawn .kw5, code.dawn .re2
  {
  color: #A71D5D;
}
.dawn .codecolorer .re0, .dawn .codecolorer .re1,
code.dawn .re0, code.dawn .re1
  {
  color: #234A97;
}
.dawn .codecolorer .br0, .dawn .codecolorer .sy0,
code.dawn .br0, code.dawn .sy0
  {
  color: #080808;
}
.dawn .codecolorer.xml .re1, .dawn .codecolorer.xsl .re1, .dawn .codecolorer.xml .re2, .dawn .codecolorer.xsl .re2,
code.dawn.xml .re1, code.dawn.xsl .re1, code.dawn.xml .re2, code.dawn.xsl .re2
  {
  color: #A71D5D;
}
.dawn .codecolorer.xml .re0, code.dawn.xml .re0 {
  color: #794938;
}

/* "Blackboard" color scheme */
.blackboard, .blackboard .codecolorer {
  color: #F8F8F8;
  background-color: #0C1021;
}
.blackboard .codecolorer .co0, .blackboard .codecolorer .co1, .blackboard .codecolorer .co2, .blackboard .codecolorer .co3, .blackboard .codecolorer .co4, .blackboard .codecolorer .coMULTI,
code.blackboard .co0, code.blackboard .co1, code.blackboard .co2, code.blackboard .co3, code.blackboard .co4, code.blackboard .coMULTI
  {
  color: #AEAEAE;
}
.blackboard .codecolorer .nu0, .blackboard .codecolorer .re3,
code.blackboard .nu0, code.blackboard .re3
  {
  color: #D8FA3C;
}
.blackboard .codecolorer .st0, .blackboard .codecolorer .st_h, .blackboard .codecolorer .es0, .blackboard .codecolorer .es1,
code.blackboard .st0, code.blackboard .st_h, code.blackboard .es0, code.blackboard .es1
  {
  color: #61CE3C;
}
.blackboard .codecolorer .me1, .blackboard .codecolorer .me2,
code.blackboard .me1, code.blackboard .me2
  {
  color: #FF6400;
}
.blackboard .codecolorer .kw1, .blackboard .codecolorer .kw2, .blackboard .codecolorer .sy1,
code.blackboard .kw1, code.blackboard .kw2, code.blackboard .sy1
  {
  color: #FBDE2D;
}
.blackboard .codecolorer .kw3, .blackboard .codecolorer .kw4, .blackboard .codecolorer .kw5, .blackboard .codecolorer .re2,
code.blackboard .kw3, code.blackboard .kw4, code.blackboard .kw5, code.blackboard .re2
  {
  color: #FBDE2D;
}
.blackboard .codecolorer .re0, .blackboard .codecolorer .re1,
code.blackboard .re0, code.blackboard .re1
  {
  color: #F8F8F8;
}
.blackboard .codecolorer .br0, .blackboard .codecolorer .sy0,
code.blackboard .br0, code.blackboard .sy0
  {
  color: #F8F8F8;
}
.blackboard .codecolorer.xml .re1, .blackboard .codecolorer.xsl .re1, .blackboard .codecolorer.xml .re2, .blackboard .codecolorer.xsl .re2,
code.blackboard.xml .re1, code.blackboard.xsl .re1, code.blackboard.xml .re2, code.blackboard.xsl .re2
  {
  color: #FBDE2D;
}
.blackboard .codecolorer.xml .re0, code.blackboard.xml .re0 {
  color: #D8FA3C;
}
.blackboard .codecolorer .ln-xtra {
  background-color: #636338;
}

/* "Mac Classic" color scheme */
.mac-classic, .mac-classic .codecolorer {
  color: #000000;
  background-color: #FFFFFF;
}
.mac-classic .codecolorer .co0, .mac-classic .codecolorer .co1, .mac-classic .codecolorer .co2, .mac-classic .codecolorer .co3, .mac-classic .codecolorer .co4, .mac-classic .codecolorer .coMULTI,
code.mac-classic .co0, code.mac-classic .co1, code.mac-classic .co2, code.mac-classic .co3, code.mac-classic .co4, code.mac-classic .coMULTI
  {
  color: #0066FF;
}
.mac-classic .codecolorer .nu0, .mac-classic .codecolorer .re3,
code.mac-classic .nu0, code.mac-classic .re3
  {
  color: #0000CD;
}
.mac-classic .codecolorer .st0, .mac-classic .codecolorer .st_h, .mac-classic .codecolorer .es0, .mac-classic .codecolorer .es1,
code.mac-classic .st0, code.mac-classic .st_h, code.mac-classic .es0, code.mac-classic .es1
  {
  color: #036A07;
}
.mac-classic .codecolorer .me1, .mac-classic .codecolorer .me2,
code.mac-classic .me1, code.mac-classic .me2
  {
  color: #0000A2;
}
.mac-classic .codecolorer .kw1, .mac-classic .codecolorer .kw2, .mac-classic .codecolorer .sy1,
code.mac-classic .kw1, code.mac-classic .kw2, code.mac-classic .sy1
  {
  color: #0000FF;
}
.mac-classic .codecolorer .kw3, .mac-classic .codecolorer .kw4, .mac-classic .codecolorer .kw5, .mac-classic .codecolorer .re2,
code.mac-classic .kw3, code.mac-classic .kw4, code.mac-classic .kw5, code.mac-classic .re2
  {
  color: #0000FF;
}
.mac-classic .codecolorer .re0, .mac-classic .codecolorer .re1,
code.mac-classic .re0, code.mac-classic .re1
  {
  color: #318495;
}
.mac-classic .codecolorer .br0, .mac-classic .codecolorer .sy0,
code.mac-classic .br0, code.mac-classic .sy0
  {
  color: #000000;
}
.mac-classic .codecolorer.xml .re1, .mac-classic .codecolorer.xsl .re1, .mac-classic .codecolorer.xml .re2, .mac-classic .codecolorer.xsl .re2,
code.mac-classic.xml .re1, code.mac-classic.xsl .re1, code.mac-classic.xml .re2, code.mac-classic.xsl .re2
  {
  color: #0000FF;
}
.mac-classic .codecolorer.xml .re0, code.mac-classic.xml .re0 {
  color: #0000CD;
}

/* "Vibrant Ink" color scheme */
.vibrant, .vibrant .codecolorer {
  color: #FFFFFF;
  background-color: #000000;
}
.vibrant .codecolorer .co0, .vibrant .codecolorer .co1, .vibrant .codecolorer .co2, .vibrant .codecolorer .co3, .vibrant .codecolorer .co4, .vibrant .codecolorer .coMULTI,
code.vibrant .co0, code.vibrant .co1, code.vibrant .co2, code.vibrant .co3, code.vibrant .co4, code.vibrant .coMULTI
  {
  color: #9933CC;
}
.vibrant .codecolorer .nu0, .vibrant .codecolorer .re3,
code.vibrant .nu0, code.vibrant .re3
  {
  color: #339999;
}
.vibrant .codecolorer .st0, .vibrant .codecolorer .st_h, .vibrant .codecolorer .es0, .vibrant .codecolorer .es1,
code.vibrant .st0, code.vibrant .st_h, code.vibrant .es0, code.vibrant .es1
  {
  color: #66FF00;
}
.vibrant .codecolorer .me1, .vibrant .codecolorer .me2,
code.vibrant .me1, code.vibrant .me2
  {
  color: #FFCC00;
}
.vibrant .codecolorer .kw1, .vibrant .codecolorer .kw2, .vibrant .codecolorer .sy1,
code.vibrant .kw1, code.vibrant .kw2, code.vibrant .sy1
  {
  color: #FF6600;
}
.vibrant .codecolorer .kw3, .vibrant .codecolorer .kw4, .vibrant .codecolorer .kw5, .vibrant .codecolorer .re2,
code.vibrant .kw3, code.vibrant .kw4, code.vibrant .kw5, code.vibrant .re2
  {
  color: #FFCC00;
}
.vibrant .codecolorer .re0, .vibrant .codecolorer .re1,
code.vibrant .re0, code.vibrant .re1
  {
  color: #FFFFFF;
}
.vibrant .codecolorer .br0, .vibrant .codecolorer .sy0,
code.vibrant .br0, code.vibrant .sy0
  {
  color: #FFFFFF;
}
.vibrant .codecolorer.xml .re1, .vibrant .codecolorer.xsl .re1, .vibrant .codecolorer.xml .re2, .vibrant .codecolorer.xsl .re2,
code.vibrant.xml .re1, code.vibrant.xsl .re1, code.vibrant.xml .re2, code.vibrant.xsl .re2
  {
  color: #FFCC00;
}
.vibrant .codecolorer.xml .re0, code.vibrant.xml .re0 {
  color: #339999;
}
.vibrant .codecolorer .ln-xtra {
  background-color: #636338;
}

/* Railscasts theme */
.railscasts, .railscasts .codecolorer {
  color: #E6E1DC;
  background-color: #2B2B2B;
}
/* Selection Color */
.railscasts ::selection, .railscasts .codecolorer ::selection {
  background: #adb9d2;
}
.railscasts ::-moz-selection, .railscasts .codecolorer ::-moz-selection {
  background: #566381;
}
.railscasts .codecolorer .co0, .railscasts .codecolorer .co1, .railscasts .codecolorer .co2, .railscasts .codecolorer .co3, .railscasts .codecolorer .co4, .railscasts .codecolorer .coMULTI
  {
  color: #BC9458;
}
.railscasts .codecolorer .nu0, .railscasts .codecolorer .re3
  {
  color: #6D9CBE;
}
.railscasts .codecolorer .st0, .railscasts .codecolorer .st_h, .railscasts .codecolorer .es0, .railscasts .codecolorer .es1
  {
  color: #A5C261;
}
.railscasts .codecolorer .me1, .railscasts .codecolorer .me2
  {
  color: #FFC66D;
}
.railscasts .codecolorer .kw1, .railscasts .codecolorer .kw2, .railscasts .codecolorer .sy1
  {
  color: #CC7833;
}
.railscasts .codecolorer .kw3, .railscasts .codecolorer .kw4, .railscasts .codecolorer .kw5, .railscasts .codecolorer .re2
  {
  color: #6E9CBE;
}
.railscasts .codecolorer .railscasts .re0, .railscasts .codecolorer .re1
  {
  color: #D0D0FF;
}
.railscasts .codecolorer .br0,  .railscasts .codecolorer .sy0
  {
  color: #E6E1DC;
}
.railscasts .codecolorer.xml .re1, .railscasts .codecolorer.xsl .re1, .railscasts .codecolorer.xml .re2, .railscasts .codecolorer.xsl .re2,
code.railscasts.xml .re1, code.railscasts.xsl .re1, code.railscasts.xml .re2, code.railscasts.xsl .re2
  {
  color: #FFCC00;
}
.railscasts .codecolorer.xml .re0, code.railscasts.xml .re0 {
  color: #6E9CBE;
}
.railscasts .codecolorer .ln-xtra {
  background-color: #636338;
}

/* Solarized (Dark) */
.solarized-dark, .solarized-dark .codecolorer {
  color: #abb2bf;
  background-color: #282c34;
}
.solarized-dark ::selection, .solarized-dark .codecolorer ::selection {
  background: #073642;
}
.solarized-dark ::-moz-selection, .solarized-dark .codecolorer ::-moz-selection {
  background: #073642;
}

.solarized-dark .codecolorer .co0, .solarized-dark .codecolorer .co1, .solarized-dark .codecolorer .co2, .solarized-dark .codecolorer .co3, .solarized-dark .codecolorer .co4, .solarized-dark .codecolorer .coMULTI
  {
  color: #586E75;
}
.solarized-dark .codecolorer .nu0, .solarized-dark .codecolorer .re3
  {
  color: #269186;
}
.solarized-dark .codecolorer .st0, .solarized-dark .codecolorer .st_h, .solarized-dark .codecolorer .es0, .solarized-dark .codecolorer .es1
  {
  color: #98c379;
}
.solarized-dark .codecolorer .me1, .solarized-dark .codecolorer .me2
  {
  color: #748B00;
}
.solarized-dark .codecolorer .kw1, .solarized-dark .codecolorer .kw2, .solarized-dark .codecolorer .sy1
  {
  color: #c678dd;
}
.solarized-dark .codecolorer .kw3, .solarized-dark .codecolorer .kw4, .solarized-dark .codecolorer .kw5, .solarized-dark .codecolorer .re2
  {
  color: #A57800;
}
.solarized-dark .codecolorer .solarized-dark .re0, .solarized-dark .codecolorer .re1
  {
  color: #268BD2;
}
.solarized-dark .codecolorer .br0,  .solarized-dark .codecolorer .sy0, .nu12
  {
  color: #abb2bf;
}
.solarized-dark .codecolorer.xml .re1, .solarized-dark .codecolorer.xsl .re1, .solarized-dark .codecolorer.xml .re2, .solarized-dark .codecolorer.xsl .re2,
code.solarized-dark.xml .re1, code.solarized-dark.xsl .re1, code.solarized-dark.xml .re2, code.solarized-dark.xsl .re2
  {
  color: #A57800;
}
.solarized-dark .codecolorer.xml .re0, code.solarized-dark.xml .re0 {
  color: #859900;
}
.solarized-dark .codecolorer .ln-xtra {
  background-color: #FDF6E3;
}
.codecolorer-container.solarized-dark table td.line-numbers{
  background-color: #282c34;
  border-right-color: #666;
}
/* Solarized (Light) */
.solarized-light, .solarized-light .codecolorer {
  color: #586E75;
  background-color: #FDF6E3;
}
.solarized-light ::selection, .solarized-light .codecolorer ::selection {
  background: #EEE8D5;
}
.solarized-light ::-moz-selection, .solarized-light .codecolorer ::-moz-selection {
  background: #EEE8D5;
}

.solarized-light .codecolorer .co0, .solarized-light .codecolorer .co1, .solarized-light .codecolorer .co2, .solarized-light .codecolorer .co3, .solarized-light .codecolorer .co4, .solarized-light .codecolorer .coMULTI
  {
  font-style: normal;
  color: #93A1A1;
}
.solarized-light .codecolorer .nu0, .solarized-light .codecolorer .re3
  {
  color: #269186;
}
.solarized-light .codecolorer .st0, .solarized-light.codecolorer .st_h, .solarized-light .codecolorer .es0, .solarized-light .codecolorer .es1
  {
  color: #269186;
}
.solarized-light .codecolorer .me1, .solarized-light .codecolorer .me2
  {
  color: #748B00;
}
.solarized-light .codecolorer .kw1, .solarized-light .codecolorer .kw2, .solarized-light .codecolorer .sy1
  {
  color: #748B00;
}
.solarized-light .codecolorer .kw3, .solarized-light .codecolorer .kw4, .solarized-light .codecolorer .kw5, .solarized-light .codecolorer .re2
  {
  color: #A57800;
}
.solarized-light .codecolorer .solarized-light .re0, .solarized-light .codecolorer .re1
  {
  color: #4EB1F6;
}
.solarized-light .codecolorer .br0,  .solarized-light .codecolorer .sy0
  {
  color: #D01F1E;
}
.solarized-light .codecolorer.xml .re1, .solarized-light .codecolorer.xsl .re1, .solarized-light .codecolorer.xml .re2, .solarized-light .codecolorer.xsl .re2,
code.solarized-light.xml .re1, code.solarized-light.xsl .re1, code.solarized-light.xml .re2, code.solarized-light.xsl .re2
  {
  color: #A57800;
}
.solarized-light .codecolorer.xml .re0, code.solarized-light.xml .re0 {
  color: #748B00;
}
.codecolorer-container.solarized-light table td.line-numbers
  {
  color: #839496;
  background-color: #EEE8D5;
  border-right-color: #CEC8B5;
}

/* Scrollbars */
.codecolorer-container::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  -webkit-appearance: none;
}

/* Light themes */
.codecolorer-container::-webkit-scrollbar-thumb
  {
  background-color: rgba(0, 0, 0,0.5);
  border-radius: 4px;
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* Dark Themes */
.codecolorer-container.blackboard::-webkit-scrollbar-thumb,
.codecolorer-container.twitlight::-webkit-scrollbar-thumb,
.codecolorer-container.vibrant::-webkit-scrollbar-thumb,
.codecolorer-container.railscasts::-webkit-scrollbar-thumb,
.codecolorer-container.solarized-dark::-webkit-scrollbar-thumb
  {
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 1px rgba(0, 0, 0,0.5);
}
